@media screen and (min-width:786px){.project-list[data-v-72e71ccc]{display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px auto 80px;width:1050px}.project-list .one-project[data-v-72e71ccc]{background-color:transparent;border-bottom:1px solid #e8e8e8;cursor:pointer;height:auto;margin:0 0 66px;overflow:visible;padding-bottom:10px;text-decoration:none;width:330px}.project-list .one-project[data-v-72e71ccc],.project-list .one-project[data-v-72e71ccc] *{transition:all .3s}.project-list .one-project .main-image[data-v-72e71ccc]{border:1px solid rgba(255,140,26,.16);border-radius:20px;height:194px;margin-bottom:23px;-o-object-fit:cover;object-fit:cover;width:330px}.project-list .one-project .detail[data-v-72e71ccc]{width:100%}.project-list .one-project .detail h5[data-v-72e71ccc]{color:#1a1a1a;font-size:14px;font-weight:400;margin-bottom:10px}.project-list .one-project .detail .title[data-v-72e71ccc]{display:flex;font-weight:400;justify-content:space-between;width:100%}.project-list .one-project .detail .title h4[data-v-72e71ccc]{color:#1a1a1a;flex:1;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.project-list .one-project .detail .title span[data-v-72e71ccc]{color:#1a1a1a;font-size:12px;text-align:right;width:80px}.project-list .one-project[data-v-72e71ccc]:hover{border-bottom:1px solid #ff8d1a}.project-list .one-project:hover .main-image[data-v-72e71ccc]{box-shadow:0 15px 60px #ff860d12}.project-list .one-project:hover .detail .title h4[data-v-72e71ccc],.project-list .one-project:hover .detail h5[data-v-72e71ccc]{color:#ff8d1a}}@media screen and (max-width:786px){.project-list[data-v-72e71ccc]{display:flex;flex-direction:column;margin:50px auto 80px;width:100%}.project-list .one-project[data-v-72e71ccc]{background-color:transparent;border-bottom:1px solid #e8e8e8;cursor:pointer;height:auto;margin:0 auto 1.066667rem;overflow:visible;text-decoration:none;width:8.906667rem}.project-list .one-project[data-v-72e71ccc],.project-list .one-project[data-v-72e71ccc] *{transition:all .3s}.project-list .one-project .main-image[data-v-72e71ccc]{border:1px solid rgba(255,140,26,.16);border-radius:.533333rem;height:5.173333rem;margin-bottom:.613333rem;-o-object-fit:cover;object-fit:cover;width:8.906667rem}.project-list .one-project .detail[data-v-72e71ccc]{width:100%}.project-list .one-project .detail h5[data-v-72e71ccc]{color:#1a1a1a;font-size:.373333rem;font-weight:400;margin-bottom:.266667rem}.project-list .one-project .detail .title[data-v-72e71ccc]{align-items:center;display:flex;font-weight:400;justify-content:space-between;width:100%}.project-list .one-project .detail .title h4[data-v-72e71ccc]{color:#1a1a1a;flex:1;font-size:.533333rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.project-list .one-project .detail .title span[data-v-72e71ccc]{color:#1a1a1a;font-size:.32rem;text-align:right;width:80px}.project-list .one-project[data-v-72e71ccc]:hover{border-bottom:1px solid #ff8d1a}.project-list .one-project:hover .main-image[data-v-72e71ccc]{box-shadow:0 15px 60px #ff860d12}.project-list .one-project:hover .detail .title h4[data-v-72e71ccc],.project-list .one-project:hover .detail h5[data-v-72e71ccc]{color:#ff8d1a}}